@charset "utf-8";
/* CSS Document */

/* Title */
.Title{width: 100%;text-align: center;padding-top: 0.5rem;}
.Title h2{font-size: .5rem;color: #333333;font-weight: normal;}
.Title h2 a{color: #333333;}
.Title p{font-size: .281rem;color: #333333;margin-top: 0.1rem;}



/* banner */
.banner{ position: relative}
.banner img{ display: block; width: 100%;}
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ width: 100%; text-align: center; position: absolute; left:0; bottom: 0.5rem; }
.focus .hd ul li{display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin: 0 .1rem; font-size:0;background:#fff;}
.focus .hd ul .on{background:#0c4ea4;}


/* product */
.product{width: 100%;padding-bottom: 0.54rem;}
.product img{display: block;width: 100%;}
.product .mainCon{width: 94%;margin: 0.5rem auto 0;}
.product .mainCon .menu{width: 70%;margin: 0 auto;}
.product .mainCon .menu ul{display: flex;box-sizing: border-box;border-radius: 0.5rem;border: 1px solid #dedede;}
.product .mainCon .menu li{flex: 1; height:0.9rem;text-align: center;line-height: 0.9rem;box-sizing: border-box;border-left: 1px solid #dedede;font-size:0.375rem;color: #333333;}
.product .mainCon .menu li:first-child{border-left: none;border-radius: 0.5rem 0 0 0.5rem;}
.product .mainCon .menu li.on{background: #044b2d;color: #fff;}
.product .mainCon .menu li:last-child{border-radius: 0 0.5rem 0.5rem 0;}
.product .mainCon .conBox{width: 100%;margin-top: 0.5rem;}
.product .mainCon .conBox li{float: left;width: 49%;margin-left: 2%;margin-bottom: 0.315rem;}
.product .mainCon .conBox li:nth-child(2n+1){margin-left: 0;}
.product .mainCon .conBox li span{display: block;box-sizing: border-box;border: 1px solid #dfdfdf;}
.product .mainCon .conBox li em{display: block;height:0.84rem;line-height: 0.84rem;text-align: center;font-size: 0.375rem;color: #666666;background: #dfdfdf;padding: 0 2%;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.product .mainCon a.more{display: block;width: 80%;height:0.94rem;text-align: center;font-size: 0.4rem;color: #fff;background: #044b2d;border-radius: 0.5rem;line-height: 0.94rem;margin:0.4rem auto 0;}

/* choose */
.choose{width: 100%;background: url(../images/Index/chooseBg01.jpg);padding-bottom: 1.36rem;}
.choose img{display: block;width: 100%;}
.choose .mainCon{width: 100%;margin: 0.5rem auto 0;}
.choose .Title img{width: 80%;margin: 0 auto;}
.choose .mainCon li{float: left;width: 50%;box-sizing: border-box;height: 5.14rem;padding-top: 0.625rem;border-top: 1px solid #029054;border-left: 1px solid #029054;}
.choose .mainCon li:nth-child(2n+1){border-left: none;}
.choose .mainCon li span{display: block;height: 2.48rem;width: 2.48rem;background: url(../images/Index/choose_icon01.png) no-repeat center; background-size: 100%;box-sizing: border-box;padding-top: 0.75rem;text-align: center;font-size: 0.39rem;color: #fff;margin: 0 auto;}
.choose .mainCon li p{font-size: 0.375rem;color: #fff;line-height:0.48rem;text-align: center;padding: 0 2%;margin-top: 0.48rem;}


/* case */
.case{width: 100%;padding-bottom: 0.65rem;background: #f8f8f8;}
.case img{display: block;width: 100%;}
.case .mainCon{width: 94%;margin: 0.5rem auto 0;}
.case .mainCon .menu{width: 70%;margin: 0 auto;}
.case .mainCon .menu ul{display: flex;box-sizing: border-box;border-radius: 0.5rem;border: 1px solid #dedede;}
.case .mainCon .menu li{flex: 1; height:0.9rem;text-align: center;line-height: 0.9rem;box-sizing: border-box;border-left: 1px solid #dedede;font-size:0.375rem;color: #333333;}
.case .mainCon .menu li:first-child{border-left: none;border-radius: 0.5rem 0 0 0.5rem;}
.case .mainCon .menu li.on{background: #044b2d;color: #fff;}
.case .mainCon .menu li:last-child{border-radius: 0 0.5rem 0.5rem 0;}
.case .mainCon .conBox{width: 100%;margin-top: 0.5rem;}
.case .mainCon .conBox li{float: left;width: 49%;margin-left: 2%;box-sizing: border-box;padding: 2% 2% 0;border: 1px solid #dfdfdf;}
.case .mainCon .conBox li:nth-child(2n+1){margin-left: 0;}
.case .mainCon .conBox li span{display: block;box-sizing: border-box;}
.case .mainCon .conBox li em{display: block;height:0.84rem;line-height: 0.84rem;text-align: center;font-size: 0.375rem;color: #666666;padding: 0 2%;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}



/* flow */
.flow{width: 100%;padding-bottom: 0.65rem;background: #f8f8f8;}
.flow img{display: block;width: 100%;}
.flow .Title img{width: 80%;margin: 0 auto;}
.flow .Title h2 em{color: #044b2d;}
.flow .mainCon{width: 94%;margin: 0.5rem auto 0;}


/* about */
.about{width: 100%;padding-top: .516rem;padding-bottom: .469rem;}
.about img{display: block;width: 100%;}
.about h2{font-size:.469rem;color: #333333;text-align: center;}
.about h2 a{color: #333333;}
.about .mainCon{width: 94%;margin: 0.5rem auto 0;}
.about .mainCon p{margin-top: .344rem;line-height: .563rem;font-size:.344rem;color: #333333;text-align: center;}
.about .mainCon ul{margin-top: .828rem;display: flex;}
.about .mainCon li{flex: 1;height: .938rem;line-height: .938rem;text-align: center;background: #f8f8f8;border-left: 1px solid #dedede;font-size: 0.375rem;color: #333333;}
.about .mainCon li a{color: #333333;}
.about .mainCon li:first-child{border-left: none;}
.about .mainCon li.on{background: #044b2d;}
.about .mainCon li.on a{color: #fff;}


/*news*/
.news{width: 100%;padding-bottom: .5rem;background: #f8f8f8;}
.news .mainCon{width: 94%;margin: .375rem auto 0;}
.news img{display: block;width: 100%;}
.news .top{height: 1.172rem;border-bottom: 3px solid #f3f3f3;width: 94%;margin: 0 auto;}
.news .top ul{width: 60%;display: flex;float: left;}
.news .top li{font-size: .4rem;color: #999999;line-height: 1.172rem;flex: 1;text-align: center;position: relative;}
.news .top li i{display: none;width: 100%;position: absolute;height: 5px;left: 0;background: #044b2d;bottom: -3px;}
.news .top li.on i{display: block;}
.news .top li.on{color: #333333;}
.news .top a.more{display: block;font-size: .375rem;color: #044b2d;font-family: arial;float: right;line-height: 1.172rem;}
.news .mainCon dl{padding-bottom: .313rem;border-bottom: 1px solid #f3f3f3;}
.news .mainCon dt{width: 43%;float: left;}
.news .mainCon dd{width: 55%;float: right;}
.news .mainCon dd h3{font-size: .375rem;color: #044b2d;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;padding-top: 0.1rem;font-weight: normal;}
.news .mainCon dd h3 a{color: #044b2d;}
.news .mainCon dd p{font-size: 0.375rem;color: #666666;line-height: .5rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;margin-top: .203rem;}
.news .mainCon dd p a{color: #333333;}
.news .mainCon dd a.more{display: block;font-size: .281rem;color: #044b2d;margin-top: .188rem;}
.news .mainCon ul{width: 100%;padding-top: .313rem;}
.news .mainCon ul li{overflow: hidden;margin-bottom: .25rem;}
.news .mainCon ul li a{display: block;width: 70%;font-size:.351rem;color: #666666;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news .mainCon ul li span{display: block;float: right;font-size: 0.351rem;color: #999999;}

.paging {width:100%;height:24px;text-align:center; padding:15px 0; float:right}
.paging a,.paging span {font:12px/24px "microsoft yahei";color:#333;text-decoration:none;padding:0 8px;border:solid 1px #ddd;display:inline-block;white-space:nowrap;margin:0 3px;}
.paging a {background:none;}
.paging a:hover {background:#000;color:#fff;}
.paging span {background:#000;color:#fff;}
.page{width:100%;margin:10px auto;overflow: hidden;position: relative; }
.page p{width:100%;height:28px;font:12px/28px "microsoft yahei";color:#1d1d1d;overflow: hidden;}
.page p a{color:#1d1d1d}
.page p a:hover,.back:hover{text-decoration: underline}
.back{font:14px/39px "microsoft yahei";color:#fff;width:138px;margin:0 auto;border-radius:4px;display:block;text-align:center; background:#974305;}